<template>
  <el-container style="height: 100vh; border: 1px solid #eee;">
    <!-- 加载 Aside 组件（左侧导航） -->
    <lay-aside />
    <!-- 右侧主内容区 -->
    <el-container style="height: 100%;">

      <el-header style="text-align: right; font-size: 12px; background-color: #B3C0D1; color: #333; line-height: 60px;">
        <lay-head></lay-head>
      </el-header>

      <el-main style="padding: 5px;">
      <lay-main></lay-main>
      </el-main>
    </el-container>
  </el-container>
</template>

<script setup>
// 1. 导入 Aside 组件（路径正确：与 layout-index.vue 同级，无需加 ./components/）
import layAside from './lay-aside.vue'
// 2. 导入右侧内容区所需组件
import { ElContainer, ElHeader, ElMain,} from 'element-plus'
// 3. 导入图标样式（确保顶部图标显示）
import 'element-plus/theme-chalk/el-icon.css'

import LayHead from "@/components/lay-head.vue";
import LayMain from "@/components/lay-main.vue";


</script>

<style scoped>
body {
  margin: 0;
  padding: 0;
}

</style>